<div class="order-menu">
  <div class="top">
    <div class="title">
      <div>{{ order.orderStatus }}</div>
    </div>
  </div>
  <div class="mainContent">
    <div class="collectionMessage">
      <div class="container">
        <div class="picture">
          <img *ngIf="orderDetail.pictureUrl" [src]="orderDetail.pictureUrl"
            style="border: none; width: 240px; height: 240px" />
        </div>
        <div class="introduction">
          <label>图片名称：</label>
          <div class="content">{{ orderDetail.pictureName }}</div>
          <label>藏品作者：</label>
          <div class="content">{{ orderDetail.author }}</div>
          <label>铸造数量：</label>
          <div class="content">{{ orderDetail.supplies }}</div>
        </div>
      </div>
      <div class="description">{{ orderDetail.description }}</div>
    </div>
    <div class="orderMessage">
      <div>订单号：{{ order.orderId }}</div>
      <div *ngIf="order.orderStatus == '已完成'">购买者：{{order.userName}}</div>
      <div *ngIf="order.orderStatus == '已完成'">第三方交易号：{{ order.thirdPartyId }}</div>
      <div>订单创建时间：{{ order.createdTime}}</div>
      <div *ngIf="order.orderStatus == '已完成'">付款时间：{{ order.paymentTime }}</div>
    </div>
    <div class="selectPayment" *ngIf="order.orderStatus == '待付款'">
      <div class="paymentType">选择支付方式：</div>
      <div class="select">
        <div [ngClass]="payment == 'wechatpay' ? 'wechat' : 'other'" (click)="selectPayment('wechatpay')">
          <div class="tick" *ngIf="payment == 'wechatpay'">√</div>
          <img src="../../../assets/img/payment/wechat.svg" />
          <div>微信支付</div>
        </div>
        <div [ngClass]="payment == 'alipay' ? 'alipay' : 'other'" (click)="selectPayment('alipay')">
          <div class="tick" *ngIf="payment == 'alipay'">√</div>
          <img src="../../../assets/img/payment/alipay.svg" />
          <div>支付宝支付</div>
        </div>
      </div>
      <div class="time">
        <app-countdown title="剩余支付时间：" [enddate]="order.expireTime" type="order">
        </app-countdown>
      </div>
    </div>
  </div>
  <div class="footer">
    <div class="price"><span>￥</span>{{ orderDetail.price }}</div>
    <div *ngIf="order.orderStatus == '待付款'">
      <button class="cancel" (click)="close($event)">取消</button>
      <button class="payment" (click)="payOrder()">立即支付</button>
    </div>
    <div *ngIf="order.orderStatus != '待付款'">
      <button class="return" (click)="close($event)">返回</button>
    </div>
  </div>
</div>
